<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Agroindustria Wilo</title>
        <meta name="keywords" content="free css template, golden star, CSS, HTML" />
        <meta name="description" content="Golden Star - Free CSS Template provided by templatemo.com" />
        <link href="templatemo_style.css" rel="stylesheet" type="text/css" />
        <script language="javascript" type="text/javascript">
        function clearText(field)
            {
                if (field.defaultValue == field.value) field.value = '';
                else if (field.value == '') field.value = field.defaultValue;
            }
        </script>

    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.nivo.slider.js" type="text/javascript"></script>

    <script type="text/javascript">
    $(window).load(function() {
	$('#slider').nivoSlider({
		effect:'random',
		slices:15,
		animSpeed:500,
		pauseTime:3000,
		startSlide:0, //Set starting Slide (0 index)
		directionNav:false, 
		directionNavHide:false, //Only show on hover
		controlNav:true, //1,2,3...
		controlNavThumbs:false, //Use thumbnails for Control Nav
		pauseOnHover:true, //Stop animation while hovering
		manualAdvance:false, //Force manual transitions
		captionOpacity:0.8, //Universal caption opacity
		beforeChange: function(){},
		afterChange: function(){},
		slideshowEnd: function(){} //Triggers after all slides have been shown
	});
    });
    </script>

    </h:head>
    <h:body>
       
       <div id="templatemo_wrapper">
	
    <div id="templatemo_header">
    
   	  	<div id="site_title"><h1><a href="http://www.templatemo.com/page/1">Free CSS Templates</a></h1></div>
        
        <div id="twitter"><a href="http://www.facebook.com/templatemo">Follow Us</a></div>
        
    </div> <!-- end of header -->
    
     <div id="templatemo_menu">
        <ul>
            <li><a href="/agroindustrial" class="current">Home</a></li>
            <li><a href="news.xhtml" >Productos</a></li>
            <li><a href="ingreso.xhtml">Ingreso</a></li>
            <li><a href="contact.xhtml">Contactanos</a></li>
            <li><a href="lecturaBascula.xhtml">Bascula</a></li>
        </ul>    	
        <div id="search_box">
            <form action="#" method="post">
              <input name="q" type="text" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" value="Search" size="10" maxlength="60" />
            </form>
        </div>
        <div class="cleaner"></div>
    </div> <!-- end of templatemo_menu -->
    
    <div id="slider_wrapper">
        <div id="slider">
            <a href="#"><img src="images/slideshow/01.jpg" alt="01" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." /></a>
            <a href="#"><img src="images/slideshow/02.jpg" alt="02" title="Nullam ante leo, consectetur eget adipiscing." /></a>
            <a href="#"><img src="images/slideshow/03.jpg" alt="03" title="Suspendisse sit amet enim elit. Curabitur tempor consequat." /></a>
            <a href="#"><img src="images/slideshow/04.jpg" alt="04" title="Nulla faucibus luctus quam eget placerat." /></a>
            <a href="#"><img src="images/slideshow/05.jpg" alt="05" title="Phasellus aliquet viverra posuere." /></a>
        </div>
	</div>
        
    <div id="templatemo_main">
    
        <div class="col_w900">
            <div class="col_allw280 frontpage_box">
                <h2>Web Templates</h2>
                <span class="tagline">Lorem ipsum dolor sit amet</span>
                <img src="images/icon1.jpg" alt="Image" />
                <p>Etiam ut nibh et urna cursus ultricies nec vel nunc. In hac habitasse platea. </p>
                <a class="more" href="#">More</a>
        	</div>
            <div class="col_allw280 frontpage_box">
                <h2>Online Advertising</h2>
                <span class="tagline">Morbi tincidunt lacinia mauris</span>
                <img src="images/icon2.jpg" alt="Image" />
                <p>Donec ullamcorper feugiat nunc ut tempus. Sed sodales, nibh ut ultricies pulvinar.</p>
                <a class="more" href="#">More</a>
            </div>
            <div class="col_allw280 frontpage_box col_last">
                <h2>Social Services</h2>
                <span class="tagline">Aenean feugiat fermentum sapien</span>
                <img src="images/icon3.jpg" alt="Image" />
                <p>Praesent auctor quam quis libero venenatis dapibus. Donec ullam corper   feugiat nunc.</p>
                <a class="more" href="#">More</a>
            </div>
        <div class="cleaner"></div>
        </div>
    
        <div class="col_w900 col_w900_last">
          <div class="col_w420 float_l">
           	  <h2>Introduction to Web Design</h2>
                <p>Nullam ut neque neque. Suspendisse ac commodo libero. Etiam ut nibh et urna cursus ultricies nec vel nunc. In hac habitasse platea dictumst. In pretium eleifend arcu, sit amet faucibus nunc egestas. </p>
                <ul class="tmo_list">
                	<li><a href="#">Nullam eget magna tellus</a></li>
                    <li><a href="#">Quisque a sapien tortor</a></li>
                    <li><a href="#">Aenean sit amet libero augue</a></li>
                    <li><a href="#">Suscipit tincidunt gravida</a></li>
                    <li><a href="#">Diam accumsan a auctor metus</a></li>
				</ul>
                <a class="more" href="#">More</a>
          </div>
            
            <div class="col_w420 float_r">
            	<h2>Latest Posts</h2>
                <div class="lbe_box">
                    <h3><a href="#">Etiam a Dui et Eros Imperdiet Rhoncus</a></h3>
                    <p>Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>. Morbi pellentesque, libero vitae fermentum tincidunt, felis libero accumsan erat, sit amet ornare lectus.</p>
                    <p class="date">June 24, 2048</p>
                </div>
                <div class="lbe_box">
                    <h3><a href="#">Aenean Quis Nulla ac Nisl Rutrum Ornare</a></h3>
                    <p>Libero accumsan erat, sit amet ornare lectus urna a turpis. Suspendisse libero nibh, luctus ornare elementum sit amet, vulputate et diam.</p>
                    <p class="date">June 18, 2048</p>
                    <div class="cleaner"></div>
                </div>
            </div>
            
          <div class="cleaner"></div>
            
		</div>
        
      <div class="cleaner"></div>
      
      <span class="bottom"></span>      </div> 
    <!-- end of main -->

</div> <!-- end of templatemo_wrapper -->

<div id="templatemo_footer">
    
    	Copyright © 2048 <a href="#">Agroindustria Wilo</a> - 
        Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>

</div> <!-- end of templatemo_footer -->
    </h:body>
</html>

